﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0043)http://img.jb51.net/online/popup/popup.html -->
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>popup</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<SCRIPT src="popup_files/popup.js" type=text/javascript></SCRIPT>

<SCRIPT type=text/javascript>
    
	    function ShowIframe()
		{
            var pop=new Popup({ contentType:1,scrollType:'yes',isReloadOnClose:false,width:500,height:400});
            pop.setContent("contentUrl","http://www.jb51.net");
            pop.setContent("title","iframe框架示例");
            pop.build();
            pop.show();
        }
        function ShowHtmlString()
        {
            var strHtml = "<table border=1 style='width:90%; text-align:center;'><tr style='height:40px'><td>ds</td><td>dads</td></tr><tr style='height:40px'><td>dadas</td><td>dasd</td></tr><tr style='height:40px'><td>dadasd</td><td>dsadads</td></tr></table>";
            var pop=new Popup({ contentType:2,isReloadOnClose:false,width:340,height:300});
            pop.setContent("contentHtml",strHtml);
            pop.setContent("title","html字符串示例");
            pop.build();
            pop.show();
       }
        function ShowConfirm()
        {
           var pop=new Popup({ contentType:3,isReloadOnClose:true,width:340,height:80});
           pop.setContent("title","confirm对话框示例");
           pop.setContent("confirmCon","confirm对话框的内容");
           pop.setContent("callBack",ShowCallBack);
           pop.setContent("parameter",{id:"divCall",str:"点击确定后显示的字符串",obj:pop});
           pop.build();
           pop.show();
        }
        function ShowAlert()
        {
            var pop=new Popup({ contentType:4,isReloadOnClose:false,width:340,height:80});
            pop.setContent("title","alert警告框示例");
            pop.setContent("alertCon","alert对话框的内容");
            pop.build();
            pop.show();
        }
        
        
        function ShowCallBack(para)
        {
            var o_pop = para["obj"]
            var obj = document.getElementById(para["id"]);
            o_pop.close();
            obj.innerHTML = para["str"];
            
        }
         
   </SCRIPT>

<STYLE type=text/css>BODY {
	MARGIN: 0px; HEIGHT: 100%; BACKGROUND-COLOR: #ffffff
}
</STYLE>

<META content="MSHTML 6.00.3790.2706" name=GENERATOR></HEAD>
<BODY style="TEXT-ALIGN: center">
<FORM id=form1 runat="server">
<DIV><A href="javascript:ShowIframe()">iframe框架示例</A> <BR><A 
href="javascript:ShowHtmlString()">html字符串示例</A> <BR><A 
href="javascript:ShowConfirm()">confirm对话框示例</A> <BR><A 
href="javascript:ShowAlert()">alert警告框示例</A> </DIV>
<DIV id=divCall 
style="FLOAT: right; WIDTH: 300px; COLOR: red; HEIGHT: 200px; BACKGROUND-COLOR: #cccccc"></DIV></FORM></BODY></HTML>
